這篇開始來張趣圖
新手看了不明白，老手看了掩面哭

好的，按照不曾出現的表訂進度
今天要來談談前端IDE
(整合開發環境Integrated Development Environment)

好的IDE讓你就算過勞也含笑九泉
壞的IDE讓你不用過勞就感嘆人蔘

小弟也看過用平板載個文字編輯器
就用bootstrap(一個前端框架)緊急尻出一個登入畫面的大師
當然，那並不在我們討論範圍內，一般人也不會這樣去挑戰極限

這次要為各位介紹微軟不正常發揮的產品
這傢伙

vscode載點在這~

怎麼說是不正常發揮呢?
大家都知道微軟雖然不是什麼險惡的廠商

(例如甲X文或X古文，東西亂買，買了又擺爛還要收錢
真是可惜了那杯藍色杯子冒紅煙的咖啡
跟那隻藍色的海豚，害我要多裝瑪麗亞)

咳，扯題了
大家都知道微軟很愛東西出一半就跑出來賣
例如發表會上藍底白字的作業系統Win98
與一聽到微軟要買github一堆工程師嚇到吃手手

這個IDE非常之輕，也不會吃一堆效能
有時候寫java 用的eclipse還以為自己學會了手指一動時間隨之凍結
然後世界快毀滅

下面簡單介紹幾個接下來系列文章會用到的插件
如果看官們有自己更好用的就用自己的就行了

死大斗

為甚麼都是英文?因為小弟英文很爛
把整個系統調成英文可以變強
但調了之後很難用，但又懶得調回去，只好去習慣

趴歐府 HTML插件

寫過文章與論文都知道，先上圖在打字是起手式

1. HTML Snippets=>寫html必備插件
   • 提供最基本的html5快捷標籤，例如打個驚嘆號header、body甚麼都好了
   • 以及是工程師都需要的語法高亮(眼睛很重要，為了個尖括號找到眼睛脫窗就不好了)
   • 程式片段顯示，程式打完露露長，可以摺起來對滑鼠跟你的手都好
   • 以及Emmet的快捷模板語法(這甚麼東西以後會談到)

接下來~

趴歐府 CSS插件

甚麼?HTML只有一個?沒錯這個就夠強了
其他有什麼不錯的麻煩看官們再介紹給小農了

1. Easy Sass=>這系列文章的CSS插件核心
   • 當你同事還在那邊查SCSS、SASS要怎麼編譯，你只要裝完這個插件，跟會按存檔鍵就甚麼都搞定了
   • 運行SCSS各種語法都沒問題，包含_XXX.scss不編譯，或著編譯後的檔案生成在別的地方，設定都簡單

2. Sass =>除了編譯請愛惜你的時間與眼睛
   • 如同前面說的，這個插件讓SCSS從黑白變彩色，也讓你的肝不再硬化
   • 也提供了一些css模板語法的語法生成

3. CSS Peek=>這個插件可選
   • 這個插件可以讓你在編輯HTML時快速找到你的CSS，不用不斷的全資料夾搜尋
   • 明白自己的 愚蠢 錯誤，是更上一層樓的不二法門安西教練也說過下面的話有圖有證明:
     

最後了

趴歐府-JS

喔喔喔，這篇大爆字大爆圖超累的

1. JavaScript (ES6) code snippets=>js基本插件
   • 一樣是快捷語法與高亮(有吧，我記得有高亮)
   • 這個盾牌以後會很常看到，所以要記

2. jQuery Code Snippets
   • jquery雖然大家都說快沒落了，但對前端新手來說還是很強大
   • 打下插件關鍵字jq馬上給你jquery語法全世界，超好用

好了，今天大爆圖大爆字，就先這樣

下一篇開始介紹HTML，與可以快速方便瀏覽的插件

絕對不是我覺得今天懶了，或花的時間太多了